import React, { PureComponent, Fragment } from 'react';
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { Row, Col, Table, Tabs, Input, Select, DatePicker, InputNumber, TreeSelect } from 'antd';
import { connect } from 'dva';
import { SecondHeaderC, TableC, PrimaryC, ModalC, FormItemLayout, AdvancedSearch } from '../../../../comps';
import InstructionSend from '../../BuybackOrder/ExchangeAgreement/InstructionSend';
import PledgeBondsInfor from '../../BuybackOrder/ExchangeAgreement/PledgeBondsInfor';
import styles from './index.less';
import { fixedNum } from '../../../../utils/utils';
import { message } from 'antd/lib/index';

@Form.create()
class BuyBackContract extends PureComponent {
  constructor() {
    super();
    this.state = {};
  }

  componentDidMount() {}

  render() {
    const { tradeInfo, timeStamp } = this.props;
    return (
      <div>
        <SecondHeaderC title='质押券信息' />
        <PledgeBondsInfor edit={false} initValue={tradeInfo.trade13.pledgeVo} timeStamp={timeStamp} />
        <div style={{ marginTop: '20px' }}>
          <SecondHeaderC title='基本信息' />
        </div>
        <div className={styles.bkgColor}>
          <InstructionSend type={this.props.type} edit={false} initValue={tradeInfo.trade13} timeStamp={timeStamp} />
        </div>
      </div>
    );
  }
}
export default connect(({}) => ({}))(BuyBackContract);
